<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>猫的种类</title>
</head>

<body>

    <h1>猫猫种类</h1>
      <ul>
        <li><a href="./1.jpg" style="color: rgb(128, 0, 107);">可爱猫</a></li>
        <li><a href="./2.jpg" style="color: rgb(0, 23, 128);">流泪猫</a></li>
        <li><a href="./3.gif" style="color: rgb(0, 77, 128);">社会猫</a></li>
      </ul>
 <hr>
      <h2>可爱猫</h2>
      <img src="./1.jpg" alt="可爱猫">
      <p>我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~我是一只可爱猫，喵喵喵~</p>
<hr>
      <h2>流泪猫</h2>
      <img src="./2.jpg" alt="流泪猫">
      <p>我是一只流浪猫，没人要的小猫咪~我是一只流浪猫，没人要的小猫咪~我是一只流浪猫，没人要的小猫咪~我是一只流浪猫，没人要的小猫咪~我是一只流浪猫，没人要的小猫咪~我是一只流浪猫，没人要的小猫咪~我是一只流浪猫，没人要的小猫咪~我是一只流浪猫，没人要的小猫咪~</p>
<hr>
      <h2>社会猫</h2>
      <img src="./3.gif" alt="社会猫">
      <p>社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~社会很单纯，复杂的是猫~</p>
</body>

</html>